export default {
	// 		背景
	//     --subjectColor: #3DAE2B; /* 主题色 */
	//     --backSubject: #F5F5F5;//主题背景颜色 */ 分割背景（页面背景）
	//     --moduleColor: #FFFFFF;//模块的背景验证 */ 卡片背景 
	//     --controlCOlor:#F8F8F8; //控件背景（浅灰色背景）
	//     --subjectShallowColor:rgba(61, 174, 43, 0.2) 主色浅色
	//      文字颜色
	//     --subjectTextColor: #333333;/* 主题文字颜色 */
	//		--subtopicTextColor: #666666  副标题		
	//   --subtopicNextTextColor:#999999; 副标题-次级
	//     --weakSubjectTextColor: #CCCCCC; /* 弱主题文字颜色 */
	//    其他
	//     
	//     --borderColor:#DDDDDD;/* 边框颜色 */
	//     --maskingColor: rgba(0, 0, 0, 0.55) 蒙版颜色
	//     --smallBoxShadow:rgba(85, 85, 85, 0.25) //小阴影
	state: {
		skin: `
				--subjectColor:#165DFF;
				--backSubject:#F5F5F5;
				--moduleColor:#FFFFFF;
				--controlCOlor:#F8F8F8;
				--subjectShallowColor:rgba(102,178,255, 0.2);
				
				--subjectTextColor:#333333;
				--subtopicTextColor:#666666;
				--subtopicNextTextColor:#999999;
				--weakSubjectTextColor:#CCCCCC;
				
				--borderColor:#DDDDDD;
				--maskingColor: rgba(0, 0, 0, 0.55);
				--smallBoxShadow:rgba(85, 85, 85, 0.25)
    	`
	},

	mutations: {
		skinPeeler(state, skin = []) {
			// 将皮肤配置JSON转为以 ; 分割的字符串（style 值）
			let style = skin.map((item, index) => {
				return `${item.name}:${item.value}`
			}).join(";");
			state.skin = style;
		},
		changeSkip(state, item) {
			state.skin = item
		},
		
	},

	actions: {


	},
	getters: {
		getSkinColor:function(state) {
			return function (key){
				let str = state.skin.replace(/\s*/g,"");
				let arr = str.split(';')
						
				let obj = {}
				for (let i = 0; i < arr.length; i++) {
					let sonArr = arr[i].split(':')
					obj[sonArr[0]] = sonArr[1]
				}
				return obj[key] || ''
			}
			
			
		}
	}
}